@charset "UTF-8";

/* normalize style */
html, body { margin: 0; font: normal 16px/1.5 Arial, 'Microsoft Yahei', Simsun, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, button, textarea, select { font-size: inherit; font-family: inherit; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none; }
i, em, address { font-style: normal; }
textarea { font-family: "Microsoft Yahei"; }
button { cursor: pointer; }
img { display: block; border: none; outline: none; max-width: 100%; }
h1 { color: #333333; font-size: 200%; }
h2 { color: #333333; font-size: 150%; }
h3 { color: #333333; font-size: 100%; }
a { text-decoration: none; }
::-webkit-input-placeholder { color: #bdbdbd; }
::-moz-input-placeholder { color: #bdbdbd; }
:-moz-input-placeholder { color: #bdbdbd; }
::-ms-input-placeholder { color: #bdbdbd; }
:focus { outline: none; }
@media all and (min-width:320px) {
	html { font-size: 32px; }
}
@media all and (min-width:360px) {
	html { font-size: 36px; }
}
@media all and (min-width:375px) {
	html { font-size: 37.5px; }
}
@media all and (min-width:384px) {
	html { font-size: 38.4px; }
}
@media all and (min-width:412px) {
	html { font-size: 41.2px; }
}
@media all and (min-width:414px) {
	html { font-size: 41.4px; }
}
@media all and (min-width:480px) {
	html { font-size: 48px; }
}

/* common style */
.red { color: #da1f1f !important; }
.blue { color: #0757b0 !important; }
.line1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.line2 { display: -webkit-box; overflow: hidden; white-space: normal !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.clear:after { content: ""; display: table; clear: both; font-size: 0 !important; line-height: 0 !important; height: 0 !important; }
.clear:before { content: ""; display: table; font-size: 0 !important; line-height: 0 !important; height: 0 !important; }

/* common layout */
@media only screen and (max-width:768px) {
	.layout { padding-top: 54px; }
}
@media only screen and (max-width:480px) {
	.layout { padding-top: 1.17333rem; }
}
.column { padding-top: 80px; padding-bottom: 80px; }
@media only screen and (max-width:1200px) {
	.column { padding-top: 72px; padding-bottom: 72px; }
}
@media only screen and (max-width:1024px) {
	.column { padding-top: 64px; padding-bottom: 64px; }
}
@media only screen and (max-width:768px) {
	.column { padding-top: 48px; padding-bottom: 48px; }
}
@media only screen and (max-width:480px) {
	.column { padding-top: 0.8rem; padding-bottom: 0.8rem; }
}
.bgcolor { background-color: #f9f9fb; }
.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width: 1230px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; }
.container::after { content: ""; display: table; height: 0 !important; clear: both; font-size: 0 !important; line-height: 0 !important; }
.container:before { content: ""; display: table; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
@media screen and (min-width:1920px) {
	.container { max-width: 64.0625%; }
}
@media screen and (max-width:768px) {
	.container { padding-left: 15px; padding-right: 15px; }
}
@media screen and (max-width:480px) {
	.container { padding-left: 0.4rem; padding-right: 0.4rem; }
}
@font-face { font-family: "SourceHanSansCN-Regular"; src: url("../font/SourceHanSansCN-Regular.ttf") format("truetype"); }
@font-face { font-family: "SourceHanSansCN-Normal"; src: url("../font/SourceHanSansCN-Normal.ttf") format("truetype"); }
@font-face { font-family: "SourceHanSansCN-Bold"; src: url("../font/SourceHanSansCN-Bold.ttf") format("truetype"); }
@font-face { font-family: "SourceHanSansCN-Light"; src: url("../font/SourceHanSansCN-Light.ttf") format("truetype"); }
@font-face { font-family: "SourceHanSansCN-Heavy"; src: url("../font/SourceHanSansCN-Heavy.ttf") format("truetype"); }

/* common grid */
.sh-col-1 { width: 8.33333%; }
.sh-col-2 { width: 16.66667%; }
.sh-col-3 { width: 25%; }
.sh-col-4 { width: 33.33333%; }
.sh-col-5 { width: 41.66667%; }
.sh-col-6 { width: 50%; }
.sh-col-7 { width: 58.33333%; }
.sh-col-8 { width: 66.66667%; }
.sh-col-9 { width: 75%; }
.sh-col-12 { width: 100%; }
.sh-row { margin-left: -15px; margin-right: -15px; }
.sh-row:after { content: ""; display: block; clear: both; height: 0; }
.sh-row > [class*=sh-col-] { float: left; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* common ibtn */
.ibtn { width: 170px; height: 50px; border: none; outline: none; color: #333333; font-size: 20px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #f9f9fb; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; display: inline-block; vertical-align: top; }
.ibtn-red { color: #ffffff; background-color: #da1f1f; }
.ibtn-main { color: #333333; background-color: #0757b0; }
.ibtn-init { color: #0757b0; font-size: 16px; border: none; outline: none; background-color: transparent; }
.ibtn-red:hover { background-color: #ad1919; }
.ibtn-main:hover { background-color: #053f7f; }

/* common title */
.title-wrap { text-align: center; }
.title-top { color: #333333; font-size: 28px; line-height: 0.97; font-family: "SourceHanSansCN-Normal"; }
.title-sub { color: #333333; font-size: 14px; line-height: 0.72; text-transform: capitalize; margin-top: 12px; }
.title-en { color: #a9a9a9; font-size: 36px; line-height: 0.73; text-transform: capitalize; font-family: "GOTHIC"; }
.title-cn { color: #333333; font-size: 30px; line-height: 0.94; font-family: "SourceHanSansCN-Normal"; margin-top: 20px; }
@media only screen and (max-width:1024px) {
	.title-top { font-size: 24px; }
	.title-sub { font-size: 14px; }
	.title-en { font-size: 30px; }
	.title-cn { font-size: 24px; margin-top: 15px; }
}
@media only screen and (max-width:768px) {
	.title-top { font-size: 20px; }
	.title-sub { font-size: 13px; }
	.title-en { font-size: 24px; }
	.title-cn { font-size: 18px; margin-top: 12px; }
}
@media only screen and (max-width:480px) {
	.title-top { font-size: 0.42667rem; }
	.title-sub { font-size: 0.32rem; }
	.title-en { font-size: 0.48rem; }
	.title-cn { font-size: 0.37333rem; margin-top: 0.32rem; }
}
.card { display: block; position: relative; }
.card-view { display: block; padding-bottom: 10px; position: relative; overflow: hidden; }
.card-thumb { z-index: 1; padding-bottom: 60.62176%; position: relative; overflow: hidden; overflow: hidden; }
.card-thumb img { position: absolute; top: 0; left: 0; width: 100%; }
.card-thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-text { padding: 24px 30px; background-color: #ffffff; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; position: relative; z-index: 2; }
.card-title { color: #333333; font-size: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-brief { color: #777777; font-size: 14px; line-height: 1.72; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; margin-top: 9px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-time { color: #333333; font-size: 14px; line-height: 1.29; margin-top: 20px; margin-bottom: 12px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-view:hover .card-thumb img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
.card-view:hover .card-text { margin-top: -10px; margin-bottom: -10px; padding-top: 34px; padding-bottom: 34px; background-color: #da1f1f; }
.card-view:hover .card-title { color: #ffffff; }
.card-view:hover .card-brief { color: #ffffff; }
.card-view:hover .card-time { color: #ffffff; }
.card-post { color: #777777; font-size: 14px; line-height: 20px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-view:hover .card-post { color: #ffffff; }
.card-mask { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; padding: 20px; background-color: rgba(0, 0, 0, 0.3); }
.card-mask .card-name { color: #ffffff; }
.card-mask .card-desc { color: #ffffff; }
.card:hover .card-thumb img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.card:hover .card-title { color: #0757b0; }
.media { margin-top: 20px; }
.media:after { content: ""; display: block; clear: both; height: 0; }
.media-imge { float: left; width: 312px; }
.media-imge a { display: block; padding-bottom: 60.89744%; position: relative; overflow: hidden; overflow: hidden; }
.media-imge a img { position: absolute; top: 0; left: 0; width: 100%; }
.media-imge img { -webkit-transition: 0.45s ease-in-out; -o-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.media-text { padding: 0 40px; margin-left: 312px; }
.media-name { padding-bottom: 12px; }
.media-name a { display: block; color: #333333; font-size: 24px; line-height: 1; font-weight: bold; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.media-desc { color: #777777; font-size: 14px; line-height: 1.72; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.media-info { height: 14px; color: #777777; font-size: 14px; line-height: 1; padding: 7px 0; }
.media-ibtn { margin-top: 8px; }
.media-ibtn a { width: 120px; height: 38px; color: #da1f1f; font-size: 14px; line-height: 38px; border-color: #da1f1f; }
.media-ibtn a:hover { color: #ffffff; background-color: #da1f1f; }

/* common header  */
.header { height: 100px; text-align: right; background-color: #ffffff; }
.header-logo { float: left; height: 50px; line-height: 50px; padding: 25px 0; }
.header-logo img { max-height: 100%; }
.header-menu { float: right; height: 100%; }
.header-menu_list { height: 100%; padding-right: 4px;float: left; }
.header-menu_list:after { content: ""; display: block; clear: both; height: 0; }
.header-menu_item { float: left; height: 50px; line-height: 50px; padding: 25px 14px; position: relative; }
.header-menu_item a { display: block; height: 100%; color: #333333; font-size: 16px; padding: 0 12px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.header-menu_item:after { content: ""; position: absolute; left: 14px; right: 14px; height: 5px; bottom: 0; border-radius: 3px; background-color: #0757b0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; -webkit-transform: scaleY(0) translateY(5px); -ms-transform: scaleY(0) translateY(5px); transform: scaleY(0) translateY(5px); }
.header-menu_item:hover a, .header-menu_item.active a { color: #0757b0; font-weight: bold; }
.header-menu_item:hover:after, .header-menu_item.active:after { -webkit-transform: scaleY(1) translateY(0); -ms-transform: scaleY(1) translateY(0); transform: scaleY(1) translateY(0); }
.header-open { display: none; }
.header .container { height: 100%; }
@media only screen and (max-width:1200px) {
	.header { height: 80px; }
	.header-logo { padding: 15px 0; }
	.header-menu_item { padding: 15px 14px; }
}
@media only screen and (max-width:1024px) {
	.header { height: 64px; }
	.header-logo { padding: 11px 0; height: 42px; line-height: 42px; }
	.header-menu_list { padding-right: 0; }
	.header-menu_item { padding: 11px 0; height: 42px; line-height: 44px; margin-left: 30px; }
	.header-menu_item a { font-size: 15px; padding: 0; }
	.header-menu_item:after { display: none; }
}
@media only screen and (max-width:768px) {
	.header { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 54px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }
	.header-logo { padding: 11px 0; height: 32px; line-height: 32px; }
	.header-logo img { max-height: 28px; }
	.header-menu { position: fixed; z-index: 99; top: 54px; right: 0; width: 50%; visibility: hidden; opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background-color: rgba(7, 87, 176, 0.95); }
	.header-menu_list { padding: 16px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.header-menu_item { float: none; height: auto; text-align: left; padding: 0; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.header-menu_item a { color: #fff; padding: 10px 15px; }
	.header-menu_item.active a { color: #fff; }
	.header-menu_item:hover a { color: #fff; }
	.header-menu_item:after { display: none; }
	.header-open { display: block; position: absolute; top: 0; right: 0; width: 54px; height: 54px; border: none; outline: none; padding: 13px; background-color: transparent; }
	.header-open svg { fill: #0757b0; width: 100%; height: 100%; }
	.header-menu.active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; filter: alpha(opacity=100); opacity: 1; }
}
@media only screen and (max-width:480px) {
	.header { height: 1.17334rem; }
	.header-logo { padding: 0.25334rem 0; height: 0.66667rem; line-height: 0.66667rem; }
	.header-open { width: 1.17333rem; height: 1.17333rem; padding: 0.32rem; }
	.header-menu { top: 1.17334rem; }
	.header-menu_list { padding: 0.32rem 0; }
	.header-menu_item a { font-size: 0.37333rem; padding: 0.32rem 0.4rem; line-height: 0.64rem; }
}

/* common footer  */
.footer { padding: 40px 0; background-color: #0757b0; }
.footer-prev { float: left; width: 320px; border-right: 1px solid #7ea6d3; }
.footer-call { position: relative; padding-left: 48px; }
.footer-call i { position: absolute; top: 0; left: 0; width: 38px; height: 38px; color: #ffffff; font-size: 38px; line-height: 1; }
.footer-call p { color: #babbbd; font-size: 14px; line-height: 0.86; }
.footer-call h3 { color: #ffffff; font-size: 30px; line-height: 0.8; font-weight: bold; margin-top: 2px; font-family: "Microsoft Yahei"; }
.footer-code { margin-top: 30px; margin-left: 48px; }
.footer-code:after { content: ""; display: block; clear: both; height: 0; }
.footer-code p { float: left; width: 100px; text-align: center; margin-right: 20px; }
.footer-code a { display: block; cursor: default; }
.footer-code img { display: block; }
.footer-code span { display: block; color: #ffffff; font-size: 14px; line-height: 2; margin-top: 4px; opacity: 0.6; }
.footer-next { margin-left: 321px; padding-left: 56px; padding-top: 14px; }
.footer-goal { font-family: "SourceHanSansCN-Light"; }
.footer-goal h3 { color: #ffffff; font-size: 30px; line-height: 1; }
.footer-goal p { color: #ffffff; font-size: 16px; line-height: 0.75; text-transform: capitalize; opacity: 0.5; margin-top: 7px; }
.footer-ways { margin-top: 36px; }
.footer-ways p { color: #b9c7e1; font-size: 14px; line-height: 1.72; }
.footer-ways a { color: inherit; -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.footer-ways a:hover { color: #fff; }
.footer-ways span { color: inherit; }
@media only screen and (max-width:1200px) {
	.footer { padding: 36px 0; }
	.footer-prev { width: 260px; }
	.footer-call { padding-left: 40px; }
	.footer-call i { width: 30px; height: 30px; font-size: 30px; }
	.footer-call p { font-size: 14px; }
	.footer-call h3 { font-size: 24px; margin-top: 4px; }
	.footer-code { margin-top: 20px; }
	.footer-code p { width: 90px; margin-right: 18px; }
	.footer-code span { font-size: 13px; margin-top: 4px; }
	.footer-next { margin-left: 261px; padding-left: 56px; }
	.footer-goal h3 { font-size: 24px; }
	.footer-goal p { font-size: 14px; margin-top: 7px; }
	.footer-ways { margin-top: 36px; }
	.footer-ways p { font-size: 14px; }
}
@media only screen and (max-width:1024px) {
	.footer { padding: 32px 0; }
	.footer-prev { width: 260px; }
	.footer-call { padding-left: 40px; }
	.footer-call i { width: 30px; height: 30px; font-size: 30px; }
	.footer-call p { font-size: 14px; }
	.footer-call h3 { font-size: 24px; margin-top: 4px; }
	.footer-code { margin-top: 20px; }
	.footer-code p { width: 90px; margin-right: 18px; }
	.footer-code span { font-size: 13px; margin-top: 4px; }
	.footer-next { margin-left: 261px; padding-left: 56px; }
	.footer-goal h3 { font-size: 24px; }
	.footer-goal p { font-size: 14px; margin-top: 7px; }
	.footer-ways { margin-top: 24px; }
	.footer-ways p { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.footer { padding: 30px 0; }
	.footer-prev { width: 140px; }
	.footer-call { display: none; }
	.footer-code { margin-top: 0; margin-left: 0;}
	.footer-code p { width: 100px; }
	.footer-code p + p { display: none; }
	.footer-next { margin-left: 141px; padding-left: 40px;padding-top: 6px; }
	.footer-goal h3 { font-size: 24px; }
	.footer-goal p { font-size: 14px; margin-top: 7px; }
	.footer-ways { margin-top: 24px; }
	.footer-ways p { font-size: 14px; }
	/* .footer-ways p:first-child { display: none; }
	.footer-ways p:first-child { display: none; }
	.footer-ways p a:last-child { display: none; } */
	.footer-ways p a:first-child { display: block; }
}
@media only screen and (max-width:480px) {
	.footer { padding: 0.56rem 0; }
	.footer-prev { width: 2.66667rem; }
	.footer-code p { width: 2.13333rem; }
	.footer-code span { font-size: 0.32rem; line-height: 1; margin-top: 0.24rem; }
	.footer-next { margin-left: 2.69333rem; padding-left: 0.56rem; padding-top: 0.06rem;}
	.footer-goal h3 { font-size: 0.4rem; }
	.footer-goal p { font-size: 0.29333rem; margin-top: 0.16rem; }
	.footer-ways { margin-top: 0.2rem; }
	.footer-ways p { font-size: 0.32rem; }
	/* .footer-ways p:first-child + p { display: none; } */
}

/* plugin segment */
.segment-tabs { font-size: 0; text-align: center; }
.segment-ibtn { height: 48px; color: #333333; font-size: 14px; line-height: 48px; min-width: 154px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 24px; background-color: #ffffff; display: inline-block; vertical-align: top; padding: 0 12px; margin: 0 15px; cursor: pointer; }
.segment-pane { overflow: hidden; }
.segment-item { display: none; }
.segment-ibtn.active { color: #ffffff; background-color: #0757b0; }
.segment-item.active { display: block; }
.segment-fade .segment-item { visibility: hidden; }
.segment-slide .segment-pane { overflow: hidden; }
.segment-fade .segment-item.active { visibility: visible; }
@media only screen and (max-width:768px) {
	.segment-ibtn { height: 40px; font-size: 14px; line-height: 40px; min-width: 112px; border-radius: 20px; padding: 0 10px; margin: 0 8px; }
}
@media only screen and (max-width:480px) {
	.segment-ibtn { height: 0.8rem; font-size: 0.32rem; line-height: 0.8rem; min-width: 2rem; border-radius: 0.48rem; padding: 0 0.24rem; margin: 0 0.2rem; }
}
.tabnav { display: table; width: 100%; height: 108px; margin-top: -108px; background-color: rgba(0, 0, 0, 0.3); position: relative; z-index: 3; }
.tabnav-ibtn { display: table-cell; width: 20%; font-size: 0; cursor: pointer; text-align: center; vertical-align: middle; }
.tabnav-ibtn.active { background-color: #0757b0; }
.tabnav-icon { color: #ffffff; font-size: 36px; line-height: 1; display: inline-block; vertical-align: middle; }
.tabnav-text { text-align: left; margin-left: 20px; display: inline-block; vertical-align: middle; }
.tabnav-text h3 { color: #ffffff; font-size: 18px; line-height: 1.56; font-weight: lighter; }
.tabnav-text p { color: #ffffff; font-size: 12px; line-height: 1.17; text-transform: capitalize; }
@media only screen and (max-width:1200px) {
	.tabnav { height: 96px; margin-top: -96px; }
	.tabnav-icon { font-size: 32px; }
	.tabnav-text { margin-left: 18px; }
	.tabnav-text h3 { font-size: 16px; }
}
@media only screen and (max-width:1024px) {
	.tabnav { height: 80px; margin-top: -80px; }
	.tabnav-icon { font-size: 28px; }
	.tabnav-text { margin-left: 12px; }
	.tabnav-text h3 { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.tabnav { height: 64px; margin-top: -64px; }
	.tabnav-icon { font-size: 24px; }
	.tabnav-text { margin-left: 8px; }
	.tabnav-text p { display: none; }
}
@media only screen and (max-width:480px) {
	.tabnav { height: 1.28rem; margin-top: -1.28rem; }
	.tabnav-icon { font-size: 0.42667rem; }
	.tabnav-text { margin-left: 0.16rem; }
	.tabnav-text h3 { font-size: 0.32rem; }
}

/* swiper module ==> start */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-wrapper { position: relative; width: 100%; overflow: hidden; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: left, top, -webkit-transform; transition-property: left, top, -webkit-transform; -o-transition-property: transform, left, top; transition-property: transform, left, top; transition-property: transform, left, top, -webkit-transform; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-btns { position: absolute; z-index: 10; top: 50%; width: 60px; height: 60px; cursor: pointer; background-repeat: no-repeat; background-position: center center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.swiper-prev { left: 0; }
.swiper-next { right: 0; }
.swiper-pagination.pagination { position: absolute; left: 0; right: 0; bottom: 20px; margin: 0; padding: 0; height: 12px; text-align: center; line-height: 12px; }
.swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; cursor: pointer; margin: 0 6px; border-radius: 50%; vertical-align: top; background-color: rgba(0, 0, 0, 0.2); }
.swiper-pagination-switch.swiper-visible-switch { background-color: #bad9fc; }
.swiper-pagination-switch.swiper-active-switch { background-color: #0757b0; }
@media screen and (max-width:1024px) {
	.swiper { /* 1024 */ }
	.swiper-pagination.pagination { bottom: 12px; height: 10px; line-height: 10px; }
	.swiper-pagination-switch { width: 10px; height: 10px; margin: 0 5px; }
}
@media screen and (max-width:480px) {
	.swiper { /* 480 */ }
	.swiper-pagination.pagination { bottom: 0.24rem; height: 0.21333rem; line-height: 0.21333rem; }
	.swiper-pagination-switch { width: 0.21333rem; height: 0.21333rem; margin: 0 0.12rem; }
}

/* common topnav */
.topnav:after { content: ""; display: block; clear: both; height: 0; }
.topnav .title-wrap { float: left; text-align: left; }
.topnav-menu { float: right; height: 49px; line-height: 49px; text-align: right; font-size: 0; }
.topnav-menu a { height: 100%; color: #777777; font-size: 15px; margin-left: 40px; display: inline-block; vertical-align: top; }
.topnav-menu a::after { content: "——"; width: 0; height: 100%; font-size: 15px; line-height: 48px; display: inline-block; vertical-align: top; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }
.topnav-menu a.active span { color: #0757b0; }
.topnav-menu a.active::after { color: #0757b0; width: 30px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.topnav-menu a:hover span { color: #0757b0; }
.topnav-menu span { height: 100%; display: inline-block; vertical-align: top; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
.topnav-menu .ifont { font-size: 15px; margin-right: 8px; }
@media only screen and (max-width:1024px) {
	.topnav-menu { float: right; height: 45px; line-height: 45px; }
	.topnav-menu a { margin-left: 32px; }
	.topnav-menu a::after { line-height: 44px; }
}
@media only screen and (max-width:768px) {
	.topnav .title-wrap { float: none; text-align: center; }
	.topnav-menu { float: none; height: 40px; line-height: 40px; text-align: center; margin-top: 24px; }
	.topnav-menu a { font-size: 14px; margin-left: 28px; }
	.topnav-menu a::after { line-height: 44px; }
	.topnav-menu .ifont { font-size: 14px; margin-right: 6px; }
}
@media only screen and (max-width:480px) {
	.topnav-menu { height: 0.8rem; line-height: 0.82667rem; margin-top: 0.56rem; }
	.topnav-menu a { font-size: 0.32rem; margin-left: 0.08rem; margin-right: 0.08rem; padding: 0 0.26667rem; border-radius: 0.08rem; background-color: #f9f9fb; }
	.topnav-menu a::after { display: none; }
	.topnav-menu a.active { background-color: #0757b0; }
	.topnav-menu a.active span { color: #ffffff; }
	.topnav-menu .ifont { font-size: 0.32rem; margin-right: 0.13333rem; }
}
.detail { padding-bottom: 60px; }
.article { max-width: 1100px; padding: 50px; margin: 0 auto; background-color: #ffffff; }
.article-title { color: #333333; font-size: 24px; text-align: center; line-height: 1.84; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-infos { font-size: 0; line-height: 30px; text-align: center; padding-top: 6px; padding-bottom: 24px; border-bottom: 1px solid #f3f3f3; }
.article-infos span { height: 100%; color: #999; font-size: 14px; margin-right: 24px; display: inline-block; vertical-align: top; }
.article-infos .ifont { color: #999999; font-size: 14px; margin-right: 8px; }
.article-video { line-height: 0; margin-top: 30px; }
.article-video video { width: 100%; display: block; }
.article-video iframe { width: 100%; display: block; min-height: 675px; }
.article-texts { margin-top: 30px; }
.article-texts p { color: #777777; font-size: 16px; line-height: 1.75; text-align: justify; }
.article-texts img { display: block; margin: 24px auto; max-width: 100%; }
.article-quick { margin-top: 40px; padding-top: 30px; border-top: 1px solid #f3f3f3; overflow: hidden; }
.article-quick a { display: block; color: #333333; font-size: 14px; max-width: 70%; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.article-quick a:hover { color: #0757b0; }
.article-quick a:first-child { float: right; width: 220px; height: 50px; color: #ffffff; line-height: 24px; text-align: center; padding: 13px 25px; border-radius: 25px; background-color: #0757b0; }
.article-quick a:first-child:hover { background-color: #053f7f; }
@media only screen and (max-width:1024px) {
	.detail { padding-bottom: 0; }
	.article { padding: 40px; padding-bottom: 60px; }
}
@media only screen and (max-width:768px) {
	.article { padding: 24px; padding-bottom: 48px; }
	.article-title { font-size: 20px; }
	.article-infos { padding-bottom: 20px; }
	.article-texts { margin-top: 20px; }
	.article-texts p { font-size: 15px; }
	.article-texts img { margin-top: 20px; margin-bottom: 20px; }
	.article-quick { margin-top: 32px; padding-top: 24px; }
	.article-quick a:first-child { width: 180px; height: 42px; line-height: 20px; padding: 11px 25px; border-radius: 21px; }
}
@media only screen and (max-width:480px) {
	.article { padding: 0.4rem; padding-bottom: 0.96rem; }
	.article-title { font-size: 0.42667rem; }
	.article-infos { padding-bottom: 0.4rem; line-height: 0.56rem; }
	.article-infos span { font-size: 0.32rem; }
	.article-infos .ifont { font-size: 0.32rem; }
	.article-texts { margin-top: 0.4rem; }
	.article-texts p { font-size: 0.34667rem; }
	.article-texts img { margin-top: 0.4rem; margin-bottom: 0.4rem; }
	.article-quick { margin-top: 0.8rem; padding-top: 0.56rem; }
	.article-quick a { font-size: 0.32rem; line-height: 2.4; max-width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.article-quick a:first-child { float: none; color: #0757b0; width: 100%; height: auto; line-height: 2.4; text-align: left; padding: 0; border-radius: 0; background-color: transparent; }
}

/* page common pagination  */
.pagination { height: 40px; text-align: center; padding-top: 60px; }
.pagination li { height: 100%; font-size: 0; margin: 0 5px; min-width: 40px; display: inline-block; vertical-align: top; }
.pagination li a { display: block; height: 100%; color: #777777; font-size: 14px; text-align: center; line-height: 2.86; padding: 0 12px; border-radius: 3px; border: 1px solid #f9f9fb; background-color: #f9f9fb; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color, border-color, background-color, 0.3s ease-in-out; -o-transition: color, border-color, background-color, 0.3s ease-in-out; transition: color, border-color, background-color, 0.3s ease-in-out; }
.pagination li span { display: block; height: 100%; color: #777777; font-size: 14px; text-align: center; line-height: 2.86; padding: 0 12px; border-radius: 3px; border: 1px solid #f9f9fb; background-color: #f9f9fb; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; }
.pagination li:hover a { color: #ffffff; border-color: #0757b0; background-color: #0757b0; }
.pagination li.active span { color: #ffffff; border-color: #0757b0; background-color: #0757b0; }
@media only screen and (max-width:1200px) {
	.pagination { padding-top: 54px; }
}
@media only screen and (max-width:1024px) {
	.pagination { height: 36px; padding-top: 48px; }
	.pagination li { min-width: 36px; }
	.pagination li a { line-height: 36px; padding: 0 12px; }
	.pagination li span { line-height: 36px; padding: 0 12px; }
}
@media only screen and (max-width:768px) {
	.pagination { height: 34px; padding-top: 42px; }
	.pagination li { min-width: 34px; }
	.pagination li a { line-height: 34px; padding: 0 9px; }
	.pagination li span { line-height: 34px; padding: 0 9px; }
}
@media only screen and (max-width:480px) {
	.pagination { height: 0.8rem; padding-top: 0.8rem; }
	.pagination li { min-width: 0.6rem; margin: 0 0.04rem; }
	.pagination li a { line-height: 0.8rem; padding: 0 0.14rem; }
	.pagination li span { line-height: 0.8rem; padding: 0 0.14rem; }
}

/* page common breadcrumbs  */
.breadcrumbs { height: 70px; line-height: 30px; padding-top: 20px; padding-bottom: 20px; }
.breadcrumbs-name { float: left; color: #333333; font-size: 28px; line-height: 1.08; font-family: "SourceHanSansCN-Normal"; }
.breadcrumbs-name::before { content: ""; float: left; width: 6px; height: 16px; background-color: #0757b0; margin-top: 7px; margin-right: 10px; }
.breadcrumbs-list { float: right; height: 100%; font-size: 0; }
.breadcrumbs-list li { float: left; height: 100%; max-width: 300px; color: #0757b0; font-size: 14px; line-height: 2.15; display: inline-block; vertical-align: top; }
.breadcrumbs-list li + li:before { content: ">"; float: left; height: 100%; color: #999999; font-size: 14px; line-height: 2.15; font-weight: bold; font-family: Simsun; margin-left: 8px; margin-right: 10px; }
.breadcrumbs-list a { display: block; color: #777777; font-size: 14px; line-height: 2.15; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumbs-list .ifont { float: left; height: 100%; color: #0757b0; font-size: 20px; line-height: 1.5; margin-right: 6px; }
.breadcrumbs-list a:hover { color: #0757b0; }
@media only screen and (max-width:1200px) {
	.breadcrumbs { height: 60px; padding-top: 15px; padding-bottom: 15px; }
	.breadcrumbs-name { font-size: 24px; line-height: 30px; }
	.breadcrumbs-name::before { width: 5px; }
}
@media only screen and (max-width:1024px) {
	.breadcrumbs { height: 54px; padding-top: 12px; padding-bottom: 12px; }
	.breadcrumbs-name { font-size: 20px; }
	.breadcrumbs-name::before { width: 4px; }
}
@media only screen and (max-width:768px) {
	.breadcrumbs-name { display: none; }
	.breadcrumbs-list { float: none; }
}
@media only screen and (max-width:480px) {
	.breadcrumbs { height: 1.12rem; padding-top: 0.16rem; padding-bottom: 0.16rem; }
	.breadcrumbs-list li { max-width: 4rem; line-height: 0.8rem; }
	.breadcrumbs-list li + li:before { font-size: 0.32rem; line-height: 0.8rem; margin-left: 0.16rem; margin-right: 0.16rem; }
	.breadcrumbs-list a { font-size: 0.32rem; line-height: 0.8rem; }
	.breadcrumbs-list .ifont { font-size: 0.48rem; line-height: 0.8rem; margin-right: 0.16rem; }
}

/* index banner */
.banner { width: 100%; height: 800px; overflow: hidden; position: relative; }
.banner-imge { cursor: default;/* display: block;*/ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-animation: bigger 6s linear both; animation: bigger 6s linear both; }
.banner-imge img { width: 100%; }
.banner-text { position: absolute; z-index: 5; top: 50%; left: 50%; width: 1200px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.banner-text h2 { color: #ffffff; font-size: 48px; line-height: 1; font-family: "SourceHanSansCN-Regular"; }
.banner-text h3 { color: #ffffff; font-size: 32px; line-height: 1; font-family: "SourceHanSansCN-Regular"; text-transform: uppercase; margin-top: 35px; }
.banner-text p { color: #ffffff; font-size: 27px; line-height: 1; font-family: "SourceHanSansCN-Light"; /*text-transform: capitalize; */margin-top: 11px; }
.banner-text a { width: 196px; height: 48px; color: #fff; font-size: 18px; line-height: 48px; border-radius: 30px; background-color: #0757b0; margin-top: 102px; }
.banner-text i { font-size: 18px; margin-right: 8px; }
.banner .swiper-wrapper { width: 100%; height: 100%; }
.banner .swiper-slide { width: 100%; height: 100%; position: relative; }
.banner .swiper-container { position: absolute; top: 0; left: 50%; width: 1920px; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media only screen and (min-width:1920px) {
	.banner { height: 0; padding-bottom: 41.66667%; }
	.banner .swiper-container { left: 0; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
@media only screen and (max-width:1200px) {
	.banner { height: auto; padding-bottom: 66.66667%; }
	.banner-text { width: 60%; }
	.banner-text h2 { font-size: 36px; }
	.banner-text h3 { font-size: 30px; }
	.banner-text p { font-size: 28px; margin-top: 36px; }
	.banner-text a { width: 160px; height: 48px; font-size: 16px; line-height: 48px; border-radius: 24px; margin-top: 64px; }
	.banner-text i { font-size: 16px; }
	.banner .swiper-container { width: 160%; }
}
@media only screen and (max-width:1024px) {
	.banner-text { width: 60%; }
	.banner-text h2 { font-size: 30px; }
	.banner-text h3 { font-size: 30px; }
	.banner-text p { font-size: 28px; margin-top: 32px; }
	.banner-text a { width: 144px; height: 42px; font-size: 14px; line-height: 42px; border-radius: 21px; margin-top: 54px; }
	.banner-text i { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.banner-text { width: 60%; }
	.banner-text h2 { font-size: 26px; }
	.banner-text h3 { font-size: 24px; }
	.banner-text p { font-size: 22px; margin-top: 24px; }
	.banner-text a { width: 120px; height: 36px; font-size: 14px; line-height: 36px; border-radius: 18px; margin-top: 42px; }
}
@media only screen and (max-width:480px) {
	.banner-text { width: 60%; }
	.banner-text h2 { font-size: 0.48rem; }
	.banner-text h3 { font-size: 0.36rem; }
	.banner-text p { font-size: 0.24rem; margin-top: 0.3rem; }
	.banner-text a { width: 3.2rem; height: 0.85333rem; font-size: 0.34667rem; line-height: 0.85333rem; border-radius: 0.42667rem; margin-top: 0.64rem; }
	.banner-text i { font-size: 0.34667rem; margin-right: 0.16rem; }
}
@-webkit-keyframes bigger {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	99% { -webkit-transform: scale(1.2); transform: scale(1.2); }
	100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes bigger {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	99% { -webkit-transform: scale(1.2); transform: scale(1.2); }
	100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

/* index solve */
.solve-home { padding-bottom: 100px; background-color: #f9f9fb; }
.solve-home .segment-ibtn { position: relative; font-size: 15px; z-index: 3; }
.solve-home .segment-tabs { position: relative; }
.solve-home .segment-tabs::before { content: ""; position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 1px; background-color: #e0e0e0; }
.solve-home .segment-tabs::after { content: ""; position: absolute; z-index: 2; top: 0; left: 50%; width: 450px; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #f9f9fb; }
.solve-rows { margin: 56px -1px 0; padding-bottom: 45.17471%; position: relative; background: url(../images/six.png) no-repeat center top/100% auto; }
.solve-cell { position: absolute; top: 0; width: 19.80033%; padding-bottom: 17.30449%; }
.solve-rows.item1 .solve-cell:nth-child(1) { margin-top: 9.401%; left: 0.16639%; }
.solve-rows.item1 .solve-cell:nth-child(2) { margin-top: 18.63561%; left: 16.13977%; }
.solve-rows.item1 .solve-cell:nth-child(3) { margin-top: 9.401%; left: 32.11314%; }
.solve-rows.item1 .solve-cell:nth-child(4) { margin-top: 18.63561%; left: 48.25291%; }
.solve-rows.item1 .solve-cell:nth-child(5) { margin-top: 9.401%; left: 64.0599%; }
.solve-rows.item2 .solve-cell:nth-child(1) { margin-top: 18.63561%; left: 16.13977%; }
.solve-rows.item2 .solve-cell:nth-child(2) { margin-top: 9.401%; left: 32.11314%; }
.solve-rows.item2 .solve-cell:nth-child(3) { margin-top: 9.401%; left: 64.0599%; }
.solve-upper { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; padding: 22.68908%; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.solve-upper a { display: block; }
.solve-upper span { display: block; color: #0757b0; font-size: 48px; text-align: center; line-height: 1; margin-bottom: 6px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.solve-upper h3 { color: #333333; font-size: 24px; line-height: 1.34; font-weight: lighter; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.solve-upper p { color: #777777; font-size: 12px; line-height: 1.25; text-transform: capitalize; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.solve-lower { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.solve-lower svg { width: 100%; height: 100%; }
.solve-lower .st0 { fill: #e0e0e0; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.solve-lower .st1 { fill: #e0e0e0; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.solve-cell:hover .solve-upper h3 { color: #ffffff; }
.solve-cell:hover .solve-upper p { color: #ffffff; opacity: 0.8; }
.solve-cell:hover .solve-upper span { color: #ffffff; }
.solve-cell:hover .solve-lower .st0 { fill: #0757b0; }
.solve-cell:hover .solve-lower .st1 { fill: #0757b0; }
@media only screen and (max-width:1200px) {
	.solve-home { padding-bottom: 90px; }
	.solve-home .segment-ibtn { font-size: 14px; }
	.solve-rows { margin-top: 52px; }
	.solve-upper { padding: 50px; }
	.solve-upper span { font-size: 54px; margin-bottom: 15px; }
	.solve-upper h3 { font-size: 22px; }
	.solve-upper p { font-size: 12px; }
}
@media only screen and (max-width:1024px) {
	.solve-home { padding-bottom: 78px; }
	.solve-rows { margin-top: 48px; }
	.solve-upper { padding: 40px; }
	.solve-upper span { font-size: 42px; margin-bottom: 12px; }
	.solve-upper h3 { font-size: 18px; }
	.solve-upper p { font-size: 12px; }
}
@media only screen and (max-width:768px) {
	.solve-home { padding-bottom: 60px; }
	.solve-home .segment-tabs::before { display: none; }
	.solve-home .segment-tabs::after { display: none; }
	.solve-rows { margin-top: 42px; background-image: none; padding-bottom: 0; }
	.solve-rows:after { content: ""; display: block; clear: both; height: 0; }
	.solve-cell { position: relative; top: 0; left: 0 !important; float: left; width: 37.94038%; margin-top: 0 !important; padding-bottom: 32.79133%; margin-left: -7.04607%; }
	.solve-cell:nth-child(1) { margin-left: 0; }
	.solve-cell:nth-child(2) { margin-top: 18.29268% !important; margin-bottom: -18.29268%; }
	.solve-cell:nth-child(4) { clear: both; margin-top: 3.25203% !important; margin-left: 0; }
	.solve-cell:nth-child(5) { float: right; margin-top: 3.25203% !important; margin-left: 0; }
	.solve-rows.item2 .solve-cell:nth-child(2) { margin-bottom: 0; }
	.solve-lower { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.solve-lower .st1 { fill: #e8e8e8; }
}
@media only screen and (max-width:480px) {
	.solve-home { padding-bottom: 0.96rem; }
	.solve-home .segment-ibtn { font-size: 0.32rem; }
	.solve-rows { margin-top: 0.72rem; }
	.solve-upper { padding: 0.48rem; }
	.solve-upper span { font-size: 0.8rem; margin-bottom: 0.16rem; }
	.solve-upper h3 { font-size: 0.37333rem; }
	.solve-upper p { font-size: 0.26667rem; line-height: 0.32rem; margin-top: 0.16rem; }
}

/* index means */

/* index news */
.news-home { padding-top: 70px; background: url(../images/means_bg.jpg) no-repeat center top; background-size: cover; }
.news-roll { margin-top: 40px; }
.news-roll .swiper-slide { margin-right: 42px; }
.news-roll .swiper-container { padding-bottom: 54px; }
.news-roll .swiper-pagination { bottom: 0; }
.news-roll .swiper-pagination-switch { background-color: #dbdbdb; }
.news-roll .swiper-pagination-switch.swiper-active-switch { background-color: #0757b0; }
.news-card { padding: 22px; border: 1px solid #efeff4; position: relative; background-color: #fff; }
.news-card .card-thumb { padding-bottom: 60.60606%; }
.news-card .card-texts { padding-top: 22px; }
.news-card .card-title { line-height: 30px; }
.news-card .card-brief { height: 48px; line-height: 24px; margin-top: 8px; }
.news-card .card-adorn { display: block; height: 30px; color: #dddddd; font-size: 16px; line-height: 30px; margin-top: 26px; }
.news-card .card-cover { position: absolute; z-index: 5; top: 50px; left: -1px; width: 50px; height: 40px; padding: 4px 0; text-align: center; background-color: #0757b0; }
.news-card .card-cover span { display: block; color: #ffffff; font-size: 18px; line-height: 1.12; font-family: "SourceHanSansCN-Light"; }
@media only screen and (max-width:1200px) {
	.news-home { padding-top: 60px; }
	.news-roll { margin-top: 36px; }
	.news-roll .swiper-slide { margin-right: 32px; }
	.news-roll .swiper-container { padding-bottom: 48px; }
	.news-card { padding: 19px; }
	.news-card .card-texts { padding-top: 18px; }
}
@media only screen and (max-width:1024px) {
	.news-home { padding-top: 54px; }
	.news-roll { margin-top: 36px; }
	.news-roll .swiper-slide { margin-right: 18px; }
	.news-roll .swiper-container { padding-bottom: 42px; }
	.news-card { padding: 15px; }
	.news-card .card-texts { padding-top: 16px; }
}
@media only screen and (max-width:768px) {
	.news-home { padding-top: 48px; }
	.news-roll { margin-top: 30px; }
	.news-roll .swiper-slide { margin-right: 24px; }
	.news-roll .swiper-container { padding-bottom: 36px; }
	.news-card { padding: 15px; }
	.news-card .card-texts { padding-top: 14px; }
	.news-card .card-adorn { height: 24px; font-size: 15px; line-height: 24px; margin-top: 20px; }
	.news-card .card-cover { top: 50px; width: 50px; height: 40px; padding: 5px 0; }
	.news-card .card-cover span { font-size: 16px; line-height: 18px; }
}
@media only screen and (max-width:480px) {
	.news-home { padding-top: 0.8rem; }
	.news-roll { margin-top: 0.72rem; }
	.news-roll .swiper-slide { margin-right: 0.16rem; }
	.news-roll .swiper-container { padding-bottom: 0.64rem; }
	.news-card { padding: 0.32rem; }
	.news-card .card-texts { padding-top: 0.24rem; }
	.news-card .card-title { line-height: 0.8rem; }
	.news-card .card-brief { height: 1.28rem; line-height: 0.64rem; margin-top: 0.16rem; }
	.news-card .card-adorn { height: 0.8rem; font-size: 0.42667rem; line-height: 0.8rem; margin-top: 0.52rem; }
	.news-card .card-cover { top: 1.28rem; width: 1.28rem; height: 0.96rem; padding: 0.16rem 0; }
	.news-card .card-cover span { font-size: 0.4rem; line-height: 0.48rem; }
}

/* index touch */
.touch-home { padding: 76px 0; }
.touch-home h3 { color: #333333; font-size: 14px; line-height: 1.72; font-weight: bold; margin-bottom: 8px; }
.touch-home p { color: #999999; font-size: 14px; line-height: 1.72; text-indent: -3em; padding-left: 3em; }
@media only screen and (max-width:1024px) {
	.touch { padding: 60px 0; }
	.touch-home .sh-row { margin-top: -20px; }
	.touch-home .sh-col-3 { width: 50%; margin-top: 20px; }
}
@media only screen and (max-width:768px) {
	.touch-home { padding: 48px 0; }
	.touch-home .sh-row { margin-top: -20px; }
	.touch-home .sh-col-3 { width: 100%; height: 146px; line-height: 146px; margin-top: 20px; padding-left: 200px; position: relative; }
	.touch-home h3 { display: inline-block; vertical-align: middle; }
	.touch-home span { display: block; color: #fff; font-weight: normal; position: relative; z-index: 3; }
	.touch-home span:first-child { font-size: 16px; font-weight: 600; }
	.touch-prev { position: absolute; top: 0; left: 15px; width: 168px; height: 146px; line-height: 146px; text-align: center; }
	.touch-prev::after, .touch-prev::before { content: ""; position: absolute; z-index: 1; left: 0; width: 84px; border-style: solid; border-color: #0757b0 transparent; }
	.touch-prev::after { top: 0; border-width: 0 42px 73.5px; }
	.touch-prev::before { bottom: 0; border-width: 73.5px 42px 0; }
	.touch-next { display: inline-block; vertical-align: middle; }
}
@media only screen and (max-width:480px) {
	.touch-home { padding: 0.8rem 0; }
	.touch-home .sh-row { margin-top: -0.4rem; }
	.touch-home .sh-col-3 { height: 2.21333rem; line-height: 2.21333rem; margin-top: 0.4rem; padding-left: 3.28rem; }
	.touch-home span { font-size: 0.32rem; }
	.touch-home span:first-child { font-size: 0.4rem; }
	.touch-home p { font-size: 0.32rem; }
	.touch-prev { left: 0.4rem; width: 2.56rem; height: 2.21333rem; line-height: 2.21333rem; }
	.touch-prev::after, .touch-prev::before { width: 1.28rem; }
	.touch-prev::after { border-width: 0 0.64rem 1.12rem; }
	.touch-prev::before { border-width: 1.12rem 0.64rem 0; }
}
.filter-drop { float: right; position: relative; z-index: 18; font-size: 0; }
.filter-item { text-align: left; margin-left: 20px; position: relative; display: inline-block; vertical-align: top; }
.filter-item dt { width: 300px; height: 44px; cursor: pointer; line-height: 22px; padding: 10px 20px; border: 1px solid #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.filter-item dt span { display: block; color: #777777; font-size: 16px; margin-right: 30px; }
.filter-item dt::after { content: ""; position: absolute; top: 50%; right: 16px; width: 11px; height: 11px; margin-top: -8px; border-radius: 3px; border-style: solid; border-color: #dbdbdb; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: -webkit-transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }
.filter-item dd { position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; border: 1px solid #f3f3f3; margin-top: -1px; max-height: 215px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; background-color: #fff; -webkit-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); overflow: auto; visibility: hidden; opacity: 0; }
.filter-item dd::-webkit-scrollbar-track { height: 60%; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08); background-color: #fff; }
.filter-item dd::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.filter-item dd::-webkit-scrollbar-thumb { background-color: #999999; }
.filter-item dd p { color: #999999; font-size: 16px; line-height: 1.5; cursor: pointer; padding: 9px 20px; border-top: 1px dashed #efeff4; -webkit-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; }
.filter-item dd p:first-child { border-top: none; }
.filter-item dd p:hover { background-color: #f9f9fb; }
.filter-fold.filter-item dt::after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.filter-fold.filter-item dd { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; filter: alpha(opacity=100); opacity: 1; }
@media only screen and (max-width:768px) {
	.filter-drop { float: none; margin: 24px -8px 0; text-align: center; }
	.filter-item { width: 50%; margin: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.filter-item dt { width: 100%; height: 40px; line-height: 24px; padding: 8px 20px; }
	.filter-item dt span { font-size: 15px; }
	.filter-item dt::after { width: 9px; height: 9px; }
	.filter-item dd { left: 8px; right: 8px; width: auto; }
	.filter-item dd::-webkit-scrollbar { width: 2px; }
	.filter-item dd p { font-size: 15px; cursor: pointer; padding: 8px 20px; }
	.filter-fold.filter-item dt::after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
	.filter-fold.filter-item dd { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; filter: alpha(opacity=100); opacity: 1; }
}
@media only screen and (max-width:480px) {
	.filter-drop { margin: 0.4rem -0.2rem 0; }
	.filter-item { padding: 0 0.2rem; }
	.filter-item dt { height: 0.96rem; line-height: 0.56rem; padding: 0.2rem 0.32rem; }
	.filter-item dt span { font-size: 0.37333rem; margin-right: 0.56rem; }
	.filter-item dt::after { right: 0.32rem; width: 0.21333rem; height: 0.21333rem; margin-top: -0.21333rem; }
	.filter-item dd { left: 0.2rem; right: 0.2rem; max-height: 4.8rem; -webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15); }
	.filter-item dd::-webkit-scrollbar { width: 1px; }
	.filter-item dd p { font-size: 0.37333rem; line-height: 0.56rem; padding: 0.16rem 0.32rem; }
}

/* page ibanner  */
.ibanner { width: 100%; height: 550px; overflow: hidden; text-align: center; background-position: center top; position: relative; }
.ibanner-name { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 32px; padding-bottom: 1.875%; font-family: "SourceHanSansCN-Normal"; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ibanner-name span { display: block; line-height: 1; }
@media only screen and (min-width:1920px) {
	.ibanner { height: auto; padding-bottom: 28.64583%; background-size: 100% 100%; }
}
@media only screen and (max-width:1200px) {
	.ibanner { height: auto; padding-bottom: 45.83333%; background-size: auto 100%; }
}
@media only screen and (max-width:768px) {
	.ibanner-name { font-size: 20px; }
}
@media only screen and (max-width:480px) {
	.ibanner-name { font-size: 0.37333rem; }
}

/* page profile  */
.profile-text { float: left; width: 57.66667%; padding-right: 4.83333%; }
.profile-text .title-wrap { text-align: left; }
.profile-text .title-wrap:after { content: ""; display: block; width: 60px; height: 1px; margin-top: 20px; background-color: #0757b0; }
.profile-info { margin-top: 4.5%; }
.profile-info p { color: #333333; font-size: 15px; text-align: justify; line-height: 1.74; }
.profile-imge { width: 34.16667%; margin-left: 62.5%; margin-right: 3.33333%; margin-bottom: 2.5%; position: relative; }
.profile-imge a { display: block; height: 100%; overflow: hidden; position: relative; cursor: default; z-index: 2; }
.profile-imge img { display: block; width: 100%; }
.profile-imge:after { content: ""; position: absolute; z-index: 1; top: 2.5%; left: 3.33333%; width: 100%; height: 100%; background-color: #f9f9fb; }
@media only screen and (max-width:1024px) {
	.profile-text { width: 49.16667%; }
	.profile-info p { font-size: 14px; }
	.profile-imge { width: 41.66667%; margin-left: 54.16667%; }
	.profile-text .title-wrap:after { width: 54px; margin-top: 16px; }
}
@media only screen and (max-width:768px) {
	.profile-text { float: none; width: 99.16667%; }
	.profile-text .title-wrap { text-align: center; }
	.profile-text .title-wrap::after { width: 48px; margin-top: 14px; margin-left: auto; margin-right: auto; }
	.profile-info p { font-size: 14px; }
	.profile-imge { width: 100%; margin-left: 0; margin-top: 5%; text-align: center; }
	.profile-imge a { display: inline-block; vertical-align: top; max-width: 100%; }
	.profile-imge:after { display: none; }
}
@media only screen and (max-width:480px) {
	.profile-text .title-wrap:after { width: 0.96rem; margin-top: 0.4rem; }
	.profile-info p { font-size: 0.37333rem; }
}

/* page team  */
.team-pane { width: 100%; overflow: hidden; padding-bottom: 50px; background: #f9f9fb url(../images/team_bg.jpg) no-repeat center top/auto 100%; }
.team-list { padding-top: 10px; }
.team-item { padding: 30px 0; border-top: 1px solid #dbdbdb; }
.team-item:first-child { border-top: none; }
.team-item dt { color: #0757b0; font-size: 18px; line-height: 1.67; font-weight: bold; }
.team-item dd { margin-top: 4px; }
.team-item p { color: #333333; font-size: 14px; line-height: 1.72; }
@media only screen and (max-width:1024px) {
	.team-pane { padding-bottom: 42px; }
	.team-list { padding-top: 6px; }
	.team-item { padding: 24px 0; }
	.team-item dt { font-size: 16px; }
}
@media only screen and (max-width:768px) {
	.team-pane { padding-bottom: 36px; }
	.team-list { padding-top: 4px; }
	.team-item { padding: 20px 0; }
}
@media only screen and (max-width:480px) {
	.team-pane { padding-bottom: 0.56rem; }
	.team-list { padding-top: 0.16rem; }
	.team-item { padding: 0.4rem 0; }
	.team-item dt { font-size: 0.4rem; }
	.team-item dd { margin-top: 0.08rem; }
	.team-item p { font-size: 0.34667rem; }
}

/* page honor  */
.honor-text { float: left; width: 57.5%; }
.honor-text .title-wrap { text-align: left; }
.honor-text .title-wrap:after { content: ""; display: block; width: 60px; height: 1px; margin-top: 20px; background-color: #0757b0; }
.honor-list { margin-top: 28px; }
.honor-list li { height: 40px; line-height: 40px; padding-left: 16px; position: relative; }
.honor-list li:after { content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; border-radius: 50%; background-color: #0757b0; }
.honor-list a { display: block; color: #333333; font-size: 14px; cursor: default; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.honor-list a:hover { color: #0757b0; }
.honor-imge { margin-left: 63.5%; padding-top: 135px; }
.honor-imge ul { width: 100%; padding-bottom: 100%; position: relative; }
.honor-imge a { display: block; height: 60%; text-align: center; position: relative; cursor: default; overflow: hidden; z-index: 3; margin: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.honor-imge img { position: absolute; top: 50%; left: 50%; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.honor-imge li { position: absolute; width: 31.96347%; height: 31.96347%; }
.honor-imge li:before { content: ""; position: absolute; top: 50%; left: 50%; width: 71.42857%; height: 71.42857%; background-color: #f9f9fb; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.honor-imge .item1 { top: 0; left: 0; }
.honor-imge .item2 { top: 0; left: 34.01826%; }
.honor-imge .item3 { top: 17.12329%; left: 17.12329%; }
.honor-imge .item4 { top: 34.01826%; left: 0; }
.honor-imge .item5 { top: 34.01826%; left: 34.01826%; }
.honor-imge .item6 { top: 34.01826%; left: 68.03653%; }
.honor-imge .item7 { top: 51.14155%; left: 17.12329%; }
.honor-imge .item8 { top: 51.14155%; left: 51.14155%; }
.honor-imge .item9 { top: 68.03653%; left: 0; }
@media only screen and (max-width:1200px) {
	.honor-text .title-wrap:after { margin-top: 18px; }
	.honor-imge { padding-top: 120px; }
}
@media only screen and (max-width:1024px) {
	.honor-text { float: none; width: 100%; }
	.honor-text .title-wrap:after { width: 54px; margin-top: 16px; }
	.honor-imge { max-width: 600px; margin: 0 auto; padding-top: 60px; }
}
@media only screen and (max-width:768px) {
	.honor-text .title-wrap:after { width: 48px; margin-top: 14px; }
	.honor-imge { padding-top: 48px; }
}
@media only screen and (max-width:480px) {
	.honor-text .title-wrap:after { width: 0.96rem; margin-top: 0.4rem; }
	.honor-text .sh-col-6 { width: 100%; }
	.honor-text .honor-list li { height: 0.8rem; line-height: 0.8rem; }
	.honor-text .honor-list a { font-size: 0.34667rem; }
	.honor-imge { padding-top: 0.8rem; }
}

/* page life  */
.life-pane { background-color: #f9f9fb; }
.life-roll { margin-top: 40px; padding-bottom: 54px; }
.life-roll .swiper-slide { margin-right: 42px; }
.life-roll .swiper-pagination { bottom: 0; }
.life-card { padding: 20px; border: 1px solid #f3f3f3; background-color: #fff; }
.life-card .card-thumb { padding-bottom: 66.66667%; }
.life-card .card-texts { padding: 45px 0 6px; }
.life-card .card-title { height: 3.12em; font-size: 18px; line-height: 1.56; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.life-card .card-time { position: absolute; z-index: 2; top: 0; left: 50%; color: #ffffff; width: 150px; height: 40px; line-height: 40px; text-align: center; margin-top: 59.45946%; background-color: #0757b0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
@media only screen and (max-width:1024px) {
	.life-roll { margin-top: 36px; padding-bottom: 42px; }
	.life-roll .swiper-slide { margin-right: 24px; }
	.life-card { padding: 20px; }
	.life-card .card-texts { padding: 45px 0 6px; }
	.life-card .card-title { font-size: 16px; }
	.life-card .card-time { width: 132px; height: 36px; line-height: 36px; margin-top: 57.8125%; }
}
@media only screen and (max-width:768px) {
	.life-roll { margin-top: 32px; padding-bottom: 36px; }
	.life-roll .swiper-slide { margin-right: 18px; }
	.life-card { padding: 20px; }
	.life-card .card-texts { padding: 42px 0 6px; }
	.life-card .card-title { font-size: 16px; }
	.life-card .card-time { width: 132px; height: 36px; line-height: 36px; margin-top: 59.67742%; }
}
@media only screen and (max-width:480px) {
	.life-roll { margin-top: 0.72rem; padding-bottom: 0.64rem; }
	.life-roll .swiper-slide { margin-right: 0.2rem; }
	.life-card { padding: 0.4rem; }
	.life-card .card-texts { padding: 0.96rem 0 0.16rem; }
	.life-card .card-title { font-size: 0.4rem; }
	.life-card .card-time { width: 3.2rem; height: 0.96rem; line-height: 0.96rem; }
}

/* page news  */
.news-grid_item { margin-top: 30px; }
.news-grid_link { display: block; border: 1px solid #f3f3f3; padding: 40px 30px; -webkit-transition: border-color 0.35s ease-in-out; -o-transition: border-color 0.35s ease-in-out; transition: border-color 0.35s ease-in-out; }
.news-grid_time { width: 60px; height: 26px; color: #ffffff; font-size: 14px; text-align: center; line-height: 1.86; background-color: #0757b0; }
.news-grid_title { height: 2.84em; color: #333333; font-size: 24px; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 24px; -webkit-transition: color 0.35s ease-in-out; -o-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out; }
.news-grid_brief { height: 3.44em; color: #777777; font-size: 14px; line-height: 1.72; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 10px; }
.news-grid_adorn { height: 40px; color: #777777; font-size: 14px; line-height: 2.86; text-transform: capitalize; display: inline-block; vertical-align: top; margin-top: 20px; }
.news-grid_adorn i { color: #cfcfcf; font-size: 14px; margin-left: 8px; }
.news-grid_link:hover { border-color: #0757b0; }
.news-grid_link:hover .news-grid_title { color: #0757b0; }
@media only screen and (max-width:1200px) {
	.news-grid.sh-row { margin-left: -10px; margin-right: -10px; }
	.news-grid .sh-col-4 { padding-left: 10px; padding-right: 10px; }
	.news-grid_item { margin-top: 20px; }
}
@media only screen and (max-width:1024px) {
	.news-grid.sh-row { margin-left: -8px; margin-right: -8px; }
	.news-grid .sh-col-4 { padding-left: 8px; padding-right: 8px; }
	.news-grid_item { margin-top: 16px; }
	.news-grid_link { padding: 32px 24px; }
	.news-grid_title { font-size: 20px; margin-top: 20px; }
	.news-grid_brief { margin-top: 8px; }
	.news-grid_adorn { height: 40px; margin-top: 16px; }
}
@media only screen and (max-width:768px) {
	.news-grid { padding-top: 10px; }
	.news-grid .sh-col-4 { width: 50%; }
	.news-grid_title { font-size: 18px; }
}
@media only screen and (max-width:480px) {
	.news-grid { padding-top: 0.32rem; }
	.news-grid.sh-row { margin-left: -0.2rem; margin-right: -0.2rem; }
	.news-grid .sh-col-4 { padding-left: 0.2rem; padding-right: 0.2rem; }
	.news-grid_item { margin-top: 0.4rem; }
	.news-grid_link { padding: 0.48rem 0.32rem; }
	.news-grid_title { font-size: 0.4rem; margin-top: 0.4rem; }
	.news-grid_brief { font-size: 0.32rem; margin-top: 0.16rem; }
	.news-grid_adorn { height: 0.96rem; line-height: 0.96rem; margin-top: 0.32rem; }
}

/* page hire  */
.hire-link.sh-row { padding-top: 40px; margin-left: -10px; margin-right: -10px; display: flex;justify-content: center;}
.hire-link .sh-col-6 { padding-left: 10px; padding-right: 10px; }
.hire-item {width: 25%;margin-right: 50px;}
/*.hire-item:first-child {margin-right: 50px;}*/
.hire-item:last-child {margin-right: 0px;}
.hire-link::-webkit-scrollbar {
	display: none; /* Chrome Safari */
  }
.hire-item>a>p{font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hire-item .card-mask { top: 0; padding: 30px; }
.hire-item .card-title { position: absolute; left: 30px; bottom: 51px; color: #ffffff; font-size: 24px; line-height: 1; }
.hire-item .card-brief { position: absolute; left: 30px; bottom: 30px; color: #ffffff; line-height: 12px; text-transform: capitalize; -webkit-line-clamp: 1; }
@media only screen and (max-width:1024px) {
	.hire-link.sh-row { padding-top: 36px; margin-left: -8px; margin-right: -8px; }
	.hire-link .sh-col-6 { padding-left: 8px; padding-right: 8px; }
	.hire-item .card-mask { padding: 24px; }
	.hire-item .card-title { left: 24px; bottom: 45px; font-size: 20px; }
	.hire-item .card-brief { left: 24px; bottom: 24px; line-height: 12px; }
	.hire-item>a>p{font-size: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
}
@media only screen and (max-width:768px) {
	.hire-item {width: 25%;margin-right: 20px;}
	.hire-link.sh-row { padding-top: 32px; }
	.hire-item .card-mask { padding: 18px; }
	.hire-item .card-title { left: 18px; bottom: 39px; font-size: 18px; }
	.hire-item .card-brief { left: 18px; bottom: 18px; line-height: 12px; }
}
@media only screen and (max-width:480px) {
	.hire-link.sh-row { padding-top: 0.72rem; margin-left: -0.2rem; margin-right: -0.2rem; }
	.hire-link .sh-col-6 { width: 100%; padding-left: 0.2rem; padding-right: 0.2rem; margin-top: 0.4rem; }
	.hire-link .sh-col-6:first-child { margin-top: 0; }
	.hire-item .card-mask { padding: 0.4rem; }
	.hire-item .card-title { left: 0.4rem; bottom: 0.96rem; font-size: 0.48rem; }
	.hire-item .card-brief { left: 0.4rem; bottom: 0.4rem; font-size: 0.32rem; line-height: 1; }
}

/* page product  */
.product-item { margin-top: 30px; }
.product-datas { height: 100px; padding: 33px 30px; line-height: 100px; background-color: #f9f9fb; }
.product-datas dl { width: 100%; line-height: 36px; display: inline-block; vertical-align: middle; }
.product-datas dt { float: left; width: 45%; color: #777777; font-size: 16px; text-align: right; }
.product-datas dd { color: #777777; font-size: 16px; padding-left: 12px; white-space: nowrap; margin-left: 45%; }
.product-tabs { padding-bottom: 596px; background-image: url(../images/pdbg.jpg); background-repeat: no-repeat; background-position: center top; position: relative; }
.product-tabs .segment-pane { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.product-cates { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; width: 100%; height: 70px; font-size: 0; }
.product-cates .segment-ibtn { width: 50%;/* width: 33.3334%; */height: 100%; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 3px solid transparent; padding: 0; margin: 0; position: relative; background-color: transparent; }
.product-cates .segment-ibtn em { display: block; color: #333333; font-size: 16px; text-align: center; line-height: 4.38; background-color: rgba(255, 255, 255, 0.6);  -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.product-cates .segment-ibtn::after { content: ""; position: absolute; left: 50%; bottom: 99%; border-style: solid; border-width: 0 12px 14px; border-color: transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.product-cates .segment-ibtn.active { background-color: transparent; }
.product-cates .segment-ibtn.active em { color: #ffffff; background-color: #5289c9; }
.product-cates .segment-ibtn.active::after { border-color: #5289c9 transparent; }
.product-cates .segment-ibtn:first-child { border-left: none; }
.product-items { height: 100%; margin: 0 auto; max-width: 1200px; position: relative; }
.product-link { position: absolute; top: 0; left: 0; z-index: 1; width: 13.83333%; cursor: default; padding-bottom: 12.66667%; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.product-link span { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; margin: 7.22892% 32.53012% 14.45783% 25.3012%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-link em { position: absolute; top: 50%; left: 0; width: 100%; color: #777777; font-size: 15px; /*white-space: nowrap;*/ text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.product-link::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.product-link.cur { color: #777; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.product-link.hide { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); visibility: hidden; opacity: 0; }
.product-link.cur::after { background-image: url(../images/pd_active.png); }
.product-link:hover::after { background-image: url(../images/pd_tag.png); }
.product-link.active em { color: #ffffff; }
.product-link.active::after { background-image: url(../images/pd_hover.png); }
.product-link.active:hover::after { background-image: url(../images/pd_hover.png); }

.product-link[data-addr="31"] { margin-top: 6.08333%; margin-left: 8.08333%;}
.product-link[data-addr="32"] { margin-top: 6.08333%; margin-left: 26.08333%;}
.product-link[data-addr="33"] { margin-top: 11.16667%; margin-left: 16.91667%;}
.product-link[data-addr="34"] { margin-top: 11.16667%; margin-left: 34.66667%;}
.product-link[data-addr="35"] { margin-top: 6.08333%; margin-left: 43.58333%;}
.product-link[data-addr="36"] { margin-top: 6.08333%; margin-left: 61.33333%;}
.product-link[data-addr="37"] { margin-top: 11.16667%; margin-left: 70.16667%;}
.product-link[data-addr="38"] { margin-top: 6.08333%; margin-left: 79.08333%;}
.product-link[data-addr="39"] { margin-top: 11.33333%; margin-left: 88.00%; }

.product-link[data-addr="1"] { margin-top: 16.08333%; margin-left: 8.08333%;}
.product-link[data-addr="2"] { margin-top: 26.5%; margin-left: 8.08333%;}
.product-link[data-addr="3"] { margin-top: 21.16667%; margin-left: 16.91667%;}
.product-link[data-addr="4"] { margin-top: 16.08333%; margin-left: 61.33333%;}
.product-link[data-addr="5"] { margin-top: 21.16667%; margin-left: 52.48333%;}
.product-link[data-addr="6"] { margin-top: 16.08333%; margin-left: 43.58333%;}
.product-link[data-addr="7"] { margin-top: 26.5%; margin-left: 61.33333%;}
.product-link[data-addr="8"] { margin-top: 21.16667%; margin-left: 70.16667%;}
.product-link[data-addr="9"] { margin-top: 26.5%; margin-left: 43.58333%; }
.product-link[data-addr="10"] { margin-top: 10.91667%; margin-left: 52.48333%;}
.product-link[data-addr="11"] { margin-top: 10.91667%; margin-left: 34.66667%;}
.product-link[data-addr="12"] { margin-top: 26.5%; margin-left: 79.08333%;}
.product-link[data-addr="13"] { margin-top: 5.66667%; margin-left: 43.58333%; }
.product-link[data-addr="14"] { margin-top: 16.08333%; margin-left: 43.58333%; }
.product-link[data-addr="15"] { margin-top: 26.5%; margin-left: 43.58333%; }
.product-link[data-addr="16"] { margin-top: 16.08333%; margin-left: 25.83333%;}
.product-link[data-addr="17"] { margin-top: 21.33333%; margin-left: 52.41667%; }
.product-link[data-addr="18"] { margin-top: 21.16667%; margin-left: 34.66667%;}
.product-link[data-addr="19"] { margin-top: 16.08333%; margin-left: 61.33333%; }
.product-link[data-addr="20"] { margin-top: 26.5%; margin-left: 61.33333%; }
.product-link[data-addr="21"] { margin-top: 16.08333%; margin-left: 79.08333%;}
.product-link[data-addr="22"] { margin-top: 21.33333%; margin-left: 70.16667%; }
.product-link[data-addr="23"] { margin-top: 5.66667%; margin-left: 79.08333%; }
.product-link[data-addr="24"] { margin-top: 10.91667%; margin-left: 88.00%; }
.product-link[data-addr="25"] { margin-top: 26.5%; margin-left: 79.08333%; }
.product-link[data-addr="26"] { margin-top: 21.33333%; margin-left: 88.00%; }
.product-link[data-addr="27"] { margin-top: 21.33333%; margin-left: 87.91667%; }

.product-cell { display: none; }
.product-cell.active { display: block; }
.product-tipbar { position: absolute; z-index: 88; top: 0; left: 0; color: #0757b0; font-size: 13px; white-space: nowrap; padding: 4px 12px; border-radius: 4px; border: 1px solid #0757b0; background-color: #fff; }

@media only screen and (min-width:1920px) {
	.product-tabs { padding-bottom: 31.04167%; background-size: 100% auto; }
	.product-items { max-width: 62.5%; }
}
@media only screen and (max-width:1200px) {
	.product-list.sh-row { margin-left: -10px; margin-right: -10px; }
	.product-item.sh-col-4 { padding-left: 10px; padding-right: 10px; margin-top: 20px; }
	.product-tabs { padding-bottom: 49.66667%; background-size: 160% auto; }
	.product-cates { height: 56px; }
	.product-cates .segment-ibtn em { font-size: 15px; line-height: 56px; }
	.product-link em { font-size: 16px; }
}
@media only screen and (max-width:1024px) {
	.product-list.sh-row { margin-left: -8px; margin-right: -8px; }
	.product-item.sh-col-4 { padding-left: 8px; padding-right: 8px; margin-top: 16px; }
	.product-datas { height: 90px; padding: 27px 20px; line-height: 90px; }
	.product-datas dl { line-height: 32px; }
	.product-datas dt { font-size: 15px; }
	.product-datas dd { font-size: 15px; padding-left: 12px; }
	.product-cates { height: 48px; }
	.product-cates .segment-ibtn em { font-size: 14px; line-height: 48px; }
	.product-cates .segment-ibtn::after { border-width: 0 10px 12px; }
	.product-link em { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.product-item.sh-col-4 { width: 50%; }
	.product-link em { font-size: 12px; }
}
@media only screen and (max-width:480px) {
	.product-list.sh-row { margin-left: -0.16rem; margin-right: -0.16rem; }
	.product-item.sh-col-4 { padding-left: 0.16rem; padding-right: 0.16rem; margin-top: 0.32rem; }
	.product-item .card { padding: 0.26667rem; }
	.product-item .card-title { font-size: 0.37333rem; line-height: 1.6; }
	.product-item .card-brief { height: 3.44em; font-size: 0.32rem; line-height: 1.72; margin-top: 0.08rem; }
	.product-item .card-adorn { margin-top: 0.16rem; font-size: 0.4rem; }
	.product-datas { height: 2rem; padding: 0.4rem 0.24rem; line-height: 2rem; }
	.product-datas dl { line-height: 0.64rem; }
	.product-datas dt { font-size: 0.32rem; }
	.product-datas dd { font-size: 0.32rem; padding-left: 0.24rem; }
	.product-tabs { padding-bottom: 122.40007%; background-image: url(../images/pdbg_mb.jpg); background-size: 100% auto; }
	.product-cates { height: 0.96rem; }
	.product-cates .segment-ibtn em { font-size: 0.32rem; line-height: 0.96rem; }
	.product-cates .segment-ibtn::after { border-width: 0 0.24rem 0.28rem; }
	.product-link { width: 24.53333%; padding-bottom: 22.4%; }
	.product-link em {  font-size: 0.29333rem; }
	.product-link[data-addr="1"] { margin-top: 18.13333%; margin-left: -1.33333%; }
	.product-link[data-addr="2"] { margin-top: 36.53333%; margin-left: -1.33333%; }
	.product-link[data-addr="3"] { margin-top: 55.06667%; margin-left: -1.33333%; }
	.product-link[data-addr="4"] { margin-top: 73.33333%; margin-left: -1.33333%; }
	.product-link[data-addr="5"] { margin-top: 8.8%; margin-left: 14.66667%; }
	.product-link[data-addr="6"] { margin-top: 27.2%; margin-left: 14.66667%; }
	.product-link[data-addr="7"] { margin-top: 45.6%; margin-left: 14.66667%; }
	.product-link[data-addr="8"] { margin-top: 64%; margin-left: 14.66667%; }
	.product-link[data-addr="9"] { margin-top: 82.4%; margin-left: 14.66667%; }
	.product-link[data-addr="10"] { margin-top: 18.13333%; margin-left: 30.66667%; }
	.product-link[data-addr="11"] { margin-top: 36.53333%; margin-left: 30.66667%; }
	.product-link[data-addr="12"] { margin-top: 55.06667%; margin-left: 30.66667%; }
	.product-link[data-addr="13"] { margin-top: 73.33333%; margin-left: 30.66667%; }
	.product-link[data-addr="14"] { margin-top: 8.8%; margin-left: 46.4%; }
	.product-link[data-addr="15"] { margin-top: 27.2%; margin-left: 46.4%; }
	.product-link[data-addr="16"] { margin-top: 45.6%; margin-left: 46.4%; }
	.product-link[data-addr="17"] { margin-top: 64%; margin-left: 46.4%; }
	.product-link[data-addr="18"] { margin-top: 82.4%; margin-left: 46.4%; }
	.product-link[data-addr="19"] { margin-top: 18.13333%; margin-left: 62.26667%; }
	.product-link[data-addr="20"] { margin-top: 36.53333%; margin-left: 62.26667%; }
	.product-link[data-addr="21"] { margin-top: 55.06667%; margin-left: 62.26667%; }
	.product-link[data-addr="22"] { margin-top: 73.33333%; margin-left: 62.26667%; }
	.product-link[data-addr="23"] { margin-top: 8.8%; margin-left: 78.13333%; }
	.product-link[data-addr="24"] { margin-top: 27.2%; margin-left: 78.13333%; }
	.product-link[data-addr="25"] { margin-top: 45.6%; margin-left: 78.13333%; }
	.product-link[data-addr="26"] { margin-top: 64%; margin-left: 78.13333%; }
	.product-link[data-addr="27"] { margin-top: 82.4%; margin-left: 78.13333%; }
}

/* client */
.client-page { max-width: 1300px; padding: 60px 50px 80px; background-color: #fff; }
.client-list.sh-row { padding-top: 40px; margin-left: -10px; margin-right: -10px; }
.client-list .sh-col-3 { width: 20%; padding-left: 10px; padding-right: 10px; }
.client-item { margin-top: 20px; }
.client-item a { display: block; border: 1px solid #f3f3f3; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.client-item:hover a { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width:1200px) {
	.client-page { max-width: 1230px; padding: 30px 15px 72px; }
	.client-item { margin-top: 20px; }
}
@media only screen and (max-width:1024px) {
	.client-page { padding-top: 24px; padding-bottom: 64px; }
	.client-list .sh-col-3 { width: 25%; }
}
@media only screen and (max-width:768px) {
	.client-page { padding-top: 24px; padding-bottom: 54px; }
	.client-list .sh-col-3 { width: 33.334%; }
}
@media only screen and (max-width:480px) {
	.client-page { padding-top: 0.56rem; padding-bottom: 0.96rem; }
	.client-list.sh-row { margin-left: -0.2rem; margin-right: -0.2rem; }
	.client-list .sh-col-3 { width: 50%; padding-left: 0.2rem; padding-right: 0.2rem; }
	.client-item { margin-top: 0.4rem; }
}

/* contact */
.contact-ways { margin-top: 60px; }
.contact-ways i { color: #0757b0; font-size: 40px; line-height: 1; }
.contact-ways h3 { color: #333333; font-size: 18px; line-height: 1.45; margin-top: 15px; margin-bottom: 16px; }
.contact-ways h3:after { content: ""; display: block; width: 20px; height: 1px; margin-top: 11px; background-color: #0757b0; }
.contact-ways p { color: #333333; font-size: 14px; line-height: 1.86; }
.contact-ways a { color: inherit; }
.contact-ways a:hover { color: #0757b0; }
.contact-ways ul { margin-top: 22px; }
.contact-ways ul:after { content: ""; display: block; clear: both; height: 0; }
.contact-ways li { float: left; width: 100px; text-align: center; margin-left: 30px; }
.contact-ways li:first-child { margin-left: 0; }
.contact-ways img { display: block; border: 1px solid #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact-ways span { display: block; color: #777777; font-size: 14px; line-height: 1; margin-top: 9px; }
@media only screen and (max-width:1200px) {
	.contact-ways.sh-row { margin-top: 20px; }
	.contact-ways_item.sh-col-4 { margin-top: 40px; }
}
@media only screen and (max-width:768px) {
	.contact-ways i { font-size: 40px; }
	.contact-ways h3 { font-size: 16px; margin-top: 12px; margin-bottom: 14px; }
	.contact-ways ul { margin-top: 20px; }
	.contact-ways li { width: 45%; margin-left: 5%; }
	.contact-ways.sh-row { margin-top: 16px; }
	.contact-ways_item.sh-col-4 { width: 50%; margin-top: 24px; }
}
@media only screen and (max-width:480px) {
	.contact-ways.sh-row { margin-top: 0.32rem; }
	.contact-ways_item.sh-col-4 { width: 100%; margin-top: 0.48rem; padding-left: 1.92rem; position: relative; }
	.contact-ways i { position: absolute; top: 0.08rem; left: 0.4rem; width: 0.96rem; height: 0.96rem; font-size: 0.96rem; }
	.contact-ways h3 { font-size: 0.4rem; margin-top: 0; margin-bottom: 0.4rem; }
	.contact-ways p { font-size: 0.32rem; }
	.contact-ways ul { margin-top: 0; }
	.contact-ways span { font-size: 0.32rem; margin-top: 0.21333rem; }
}
.contact-mapd { height: 380px; padding: 9px; margin-top: 7%; border: 1px solid #e8e8e8; }
.contact-mapd span { display: block; width: 100%; height: 100%; background-color: #f9f9fb; }
@media only screen and (max-width:480px) {
	.contact-mapd { height: 6.4rem; }
}
.contact-firm { margin-top: 60px; }
.contact-firm_item { border-left: 1px solid #f3f3f3; }
.contact-firm_item h3 { color: #333333; font-size: 18px; line-height: 1.45; margin-top: 16px; margin-bottom: 12px; }
.contact-firm_item p { color: #999999; font-size: 14px; line-height: 1.86; text-indent: -3em; padding-left: 3em; }
.contact-firm_item:first-child { border-left: none; }
.contact-firm.sh-row { margin-left: -30px; margin-right: -30px; }
.contact-firm .sh-col-3 { min-height: 162px; padding-left: 30px; padding-right: 30px; }
@media only screen and (max-width:1024px) {
	.contact-firm.sh-row { margin-top: 24px; }
	.contact-firm .sh-col-3 { width: 50%; margin-top: 30px; }
	.contact-firm_item:nth-child(2n + 1) { border-left: none; }
}
@media only screen and (max-width:768px) {
	.contact-firm.sh-row { margin-top: 20px; }
	.contact-firm .sh-col-3 { margin-top: 24px; }
	.contact-firm_item { border-left: 1px solid #f3f3f3; }
	.contact-firm_item h3 { font-size: 16px; margin-bottom: 10px; }
}
@media only screen and (max-width:480px) {
	.contact-firm.sh-row { margin-top: 0.32rem; }
	.contact-firm .sh-col-3 { width: 100%; min-height: auto; margin-top: 0.32rem; border: none; }
	.contact-firm_item { border-left: 1px solid #f3f3f3; }
	.contact-firm_item h3 { font-size: 0.4rem; margin-top: 0.24rem; margin-bottom: 0.24rem; }
	.contact-firm_item p { font-size: 0.32rem; }
}

/* page product detail */
.product-name { color: #333333; font-size: 30px; text-align: center; line-height: 1; padding-bottom: 33px; border-bottom: 1px solid #f3f3f3; position: relative; }
.product-name:after { content: ""; display: block; width: 50px; height: 3px; margin: 0 auto 0; background-color: #0757b0; }
.product-name::after { position: absolute; left: 50%; bottom: -2px; margin-left: -25px; }
.product-show .title-wrap { text-align: left; padding-left: 16px; position: relative; }
.product-show .title-wrap::after { content: ""; position: absolute; top: 6px; left: 0; width: 6px; height: 16px; background-color: #0757b0; }
.product-info { padding-top: 80px; }
.product-info_text { margin-top: 32px; }
.product-info_text p { color: #777777; font-size: 16px; line-height: 1.88; }
.product-info_text img { padding: 9px; border: 1px solid #f3f3f3; margin-top: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-part { padding-top: 80px; }
.product-part_list.sh-row { margin-top: 40px; margin-left: 0; margin-right: 0; border: 1px solid #f3f3f3; }
.product-part_item.sh-col-3 { padding-left: 0; padding-right: 0; border-left: 1px solid #f3f3f3; }
.product-part_item.sh-col-3:first-child { border-left: none; }
.product-part_card { display: block; text-align: center; padding: 59px 49px 29px; }
.product-part_card .ifont { display: block; color: #0757b0; font-size: 54px; line-height: 1; }
.product-part_card h3 { padding-bottom: 21px; border-bottom: 1px solid #ececec; position: relative; }
.product-part_card h3 span { display: block; color: #333333; font-size: 24px; line-height: 1; margin-top: 20px; }
.product-part_card h3 small { display: block; color: #777777; font-size: 12px; margin-top: 6px; line-height: 0.9; text-transform: capitalize; }
.product-part_card h3:after { content: ""; display: block; width: 30px; height: 3px; margin-top: 0; background-color: #0757b0; }
.product-part_card h3::after { position: absolute; left: 50%; bottom: -2px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
.product-part_desc { height: 7.52em; padding-top: 30px; color: #777777; font-size: 16px; line-height: 1.88; }
.product-odds { padding-top: 80px; }
.product-odds_roll { margin-top: 60px; padding-bottom: 54px; }
.product-odds_roll .swiper-slide { margin-right: 20px; }
.product-odds_roll .swiper-pagination { bottom: 0; }
.product-odds_card { padding: 40px 30px; background-color: #f9f9fb; }
.product-odds_card .card-title { font-size: 20px; line-height: 39px; text-align: center; }
.product-odds_card .card-title:after { content: ""; display: block; width: 40px; height: 1px; margin: 10px auto 0; background-color: #0757b0; }
.product-odds_card .card-brief { height: 10.32em; text-align: justify;  margin-top: 25px; overflow: auto;}
@media only screen and (max-width:1200px) {
	.product-info { padding-top: 72px; }
	.product-part { padding-top: 72px; }
	.product-part_list.sh-row { margin-top: 36px; }
	.product-part_card { padding: 49px 30px 29px; }
	.product-part_card .ifont { font-size: 48px; }
	.product-part_card h3 { padding-bottom: 18px; }
	.product-part_card h3 span { font-size: 22px; margin-top: 18px; }
	.product-part_card h3 small { font-size: 12px; margin-top: 5px; }
	.product-part_desc { padding-top: 28px; font-size: 15px; }
	.product-odds { padding-top: 72px; }
	.product-odds_roll { margin-top: 54px; padding-bottom: 48px; }
	.product-odds_roll .swiper-slide { margin-right: 18px; }
	.product-odds_card { padding: 36px 24px; }
	.product-odds_card .card-title { font-size: 18px; line-height: 36px; }
	.product-odds_card .card-brief { height: 10.32em; margin-top: 22px; }
}
@media only screen and (max-width:1024px) {
	.product-name { font-size: 24px; padding-bottom: 29px; }
	.product-show .title-wrap::after { top: 4px; width: 5px; height: 15px; }
	.product-info { padding-top: 64px; }
	.product-info_text { margin-top: 32px; }
	.product-info_text p { font-size: 15px; }
	.product-info_text img { margin-top: 28px; }
	.product-part { padding-top: 64px; }
	.product-part_list.sh-row { margin-top: 32px; }
	.product-part_card { padding: 39px 18px 19px; }
	.product-part_card .ifont { font-size: 42px; }
	.product-part_card h3 { padding-bottom: 16px; }
	.product-part_card h3 span { font-size: 20px; }
	.product-part_card h3 small { font-size: 12px; }
	.product-part_desc { padding-top: 24px; font-size: 13px; }
	.product-odds { padding-top: 64px; }
	.product-odds_roll { margin-top: 48px; padding-bottom: 42px; }
	.product-odds_roll .swiper-slide { margin-right: 16px; }
	.product-odds_card { padding: 30px 20px; }
	.product-odds_card .card-title { font-size: 17px; line-height: 32px; }
	.product-odds_card .card-brief { font-size: 13px; height: 12.04em;  margin-top: 20px; }
}
@media only screen and (max-width:768px) {
	.product-name { font-size: 20px; padding-bottom: 24px; }
	.product-show .title-wrap { padding-left: 14px; }
	.product-show .title-wrap::after { top: 2px; width: 4px; height: 14px; }
	.product-info { padding-top: 54px; }
	.product-info_text { margin-top: 24px; }
	.product-info_text p { font-size: 14px; }
	.product-info_text img { margin-top: 20px; }
	.product-part { padding-top: 54px; }
	.product-part_list.sh-row { margin-top: 30px; }
	.product-part_item.sh-col-3 { width: 50%; border-top: 1px solid #f3f3f3; }
	.product-part_item.sh-col-3:nth-child(1) { border-top: none; }
	.product-part_item.sh-col-3:nth-child(2) { border-top: none; }
	.product-part_item.sh-col-3:nth-child(2n + 1) { border-left: none; }
	.product-odds { padding-top: 54px; }
	.product-odds_roll { margin-top: 42px; padding-bottom: 36px; }
	.product-odds_roll .swiper-slide { margin-right: 15px; }
	.product-odds_card { padding: 24px 15px; }
	.product-odds_card .card-title { font-size: 16px; line-height: 30px; }
	.product-odds_card .card-brief { font-size: 12px; margin-top: 18px; }
}
@media only screen and (max-width:480px) {
	.product-name { font-size: 0.48rem; padding-bottom: 0.56rem; }
	.product-show .title-wrap { padding-left: 0.4rem; }
	.product-show .title-wrap::after { top: 0.04rem; width: 0.08rem; height: 0.32rem; }
	.product-info { padding-top: 0.88rem; }
	.product-info_text { margin-top: 0.56rem; }
	.product-info_text p { font-size: 0.37333rem; }
	.product-info_text img { margin-top: 0.4rem; }
	.product-part { padding-top: 0.88rem; }
	.product-part_list.sh-row { margin-top: 0.8rem; }
	.product-part_card { padding: 0.48rem 0.26667rem 0.32rem; }
	.product-part_card .ifont { font-size: 0.88rem; }
	.product-part_card h3 { padding-bottom: 0.4rem; }
	.product-part_card h3 span { font-size: 0.48rem; }
	.product-part_card h3 small { font-size: 0.32rem; }
	.product-part_desc { padding-top: 0.48rem; font-size: 0.32rem; }
	.product-odds { padding-top: 0.88rem; }
	.product-odds_roll { margin-top: 0.8rem; padding-bottom: 0.8rem; }
	.product-odds_roll .swiper-slide { margin-right: 0.26667rem; }
	.product-odds_card { padding: 0.48rem 0.26667rem; }
	.product-odds_card .card-title { font-size: 0.4rem; line-height: 2; }
	.product-odds_card .card-brief { height: 13.76em; font-size: 0.32rem; margin-top: 0.42667rem; }
}

.form {
	background-color: #f9f9fb;
  }
  
  .form::after {
	clear: both;
	content: " ";
	display: table;
	box-sizing: border-box;
  }
  
  .form .layui-form {
	padding-top: 60px;
  }
  
  .form .layui-form::after {
	clear: both;
	content: " ";
	display: table;
	box-sizing: border-box;
  }
  
  .form .layui-form .layui-form-item {
	width: 48%;
	float: left;
	clear: none;
	margin-bottom: 25px;
  }
  
  .form .layui-form .layui-form-item:nth-child(even) {
	float: right;
  }
  
  .form .layui-form .layui-form-item .layui-form-label {
	width: 60px;
	padding: 15px 0;
  }
  
  .form .layui-form .layui-form-item .layui-input-block {
	margin-left: 70px;
  }
  
  .form .layui-form .layui-form-item .layui-input-block input {
	height: 50px;
	border-color: #e0e0e0;
  }
  
  .form .layui-form .layui-form-item .layui-input-block .layui-textarea {
	min-height: 180px;
	padding: 15px 10px;
	border-color: #e0e0e0;
  }
  
  .form .layui-form .layui-form-item .layui-input-block .layui-btn {
	width: 220px;
	height: 50px;
	background-color: #0757b0;
  }
  
  .form .layui-form .layui-form-item.layui-form-text {
	width: 100%;
  }
  
  .form .layui-form .layui-form-item:last-child {
	width: 100%;
	float: left;
	text-align: center;
  }
  
  @media screen and (max-width: 1024px) {
	.form {
	  background-color: #f9f9fb;
	}
	.form .layui-form {
	  padding-top: 30px;
	}
	.form .layui-form .layui-form-item {
	  width: 100%;
	  float: left;
	  clear: none;
	  margin-bottom: 15px;
	}
	.form .layui-form .layui-form-item .layui-form-label {
	  display: none;
	}
	.form .layui-form .layui-form-item .layui-input-block {
	  margin-left: 0;
	}
	.form .layui-form .layui-form-item .layui-input-block input {
	  height: 35px;
	  border-color: #e0e0e0;
	}
	.form .layui-form .layui-form-item .layui-input-block .layui-textarea {
	  min-height: 100px;
	  padding: 7px 10px;
	  border-color: #e0e0e0;
	}
	.form .layui-form .layui-form-item .layui-input-block .layui-btn {
	  width: 180px;
	  height: 40px;
	  background-color: #0757b0;
	}
	.form .layui-form .layui-form-item.layui-form-text {
	  width: 100%;
	}
	.form .layui-form .layui-form-item:last-child {
	  width: 100%;
	  float: left;
	  text-align: center;
	}
  }
/*# sourceMappingURL=style.css.map */

.header-version {
	float: left;
    line-height: 100px;
    color: #999;
    margin-left:35px;
}
.header-version a{ font-size:14px; color: #000;border:#000 1px solid; padding:4px; }
.header-version a:hover{ color: #0757b0;border:#0757b0 1px solid }